<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>标签管理</title>
	<link rel="stylesheet" href="/layui/css/layui.css">
	<style type="text/css">
		body{
			background: #e9e9e9;
		}
		/*公共头部带搜索*/
		.public_container{
			margin: 20px;
			background: #fff;
		}
		.public_title_container{
			height: 54px;
			padding: 0 20px;
			font-size: 14px;
			display: flex;
			align-items: center;
			background: #f9f9f9;
			border-bottom: 1px solid #f0f0f0;
		}
		.public_buttonSearch_container{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20px;
			background: #fff;
		}
		.public_buttonSearch_container a{
			color: #fff;
			background-color: #1E9FFF;
			text-shadow: 0 -1px 0 rgba(0,0,0,.12);
			height: 24px;
			padding: 4px 15px;
			font-size: 14px;
			border-radius: 2px;
			display: flex;
			align-items: center;
			cursor: pointer;
		}
		.public_Search_container{
			position: relative;
		}
		.public_Search_container input{
			width: 240px;
			height: 32px;
			border: 1px solid #d9d9d9;
		}
		.public_Search_container i{
			position: absolute;
			bottom: 6px;
			right: 10px;
			cursor: pointer;
		}
		/*公共头部带搜索 end*/
		.public_table_container{
			padding: 0 20px 20px 20px;
		}
		/*内容*/
		.customerLabel_main_container{
			padding: 0 20px 20px 20px;
			border-top: 1px solid #e8e8e8;
		}
		.customerLabel_main_content{

		}
		.customerLabel_mainList_container{
			margin-left: 23px;
			padding-top: 23px;
			padding-bottom: 23px;
			border-bottom: 1px dashed #e8e8e8;
			display: -webkit-box;
			display: flex;
			-webkit-box-align: start;
			align-items: flex-start;
			position: relative;
		}
		.customerLabel_mainList_title{
			font-size: 15px;
			font-weight: bold;
			width: 140px;
		}
		.customerLabel_mainList_content{
			flex: 1;
			padding-right: 50px;
			display: flex;
			-webkit-box-align: center;
			align-items: center;
			flex-wrap: wrap;
		}
		.customerLabel_mainList_content li{
			height: 28px;
			display: -webkit-box;
			display: flex;
			-webkit-box-pack: center;
			justify-content: center;
			-webkit-box-align: center;
			align-items: center;
			padding-left: 14px;
			padding-right: 14px;
			border: 1px solid #e9e9e9;
			color: rgba(0,0,0,.65);
			font-size: 14px;
			background: #f7f7f7;
			border-radius: 4px;
			margin-right: 10px;
			margin-bottom: 10px;
		}
		.customerLabel_mainListRight_container{
			display: flex;
			align-items: center;
			cursor: pointer;
			margin-left: 10px;
		}
		.customerLabel_mainListRight_container svg{
			width:14px;
			height: 14px;
		}
		.customerLabel_mainListRight_container span{
			color: #777;
			font-size: 14px;
			margin-left: 2px;
		}
		.add_active{
			background: #fff !important;
			box-shadow: 0 2px 0 rgba(0,0,0,.015) !important;
			cursor: pointer;
		}
		.add_active:hover{
			border-color: #40a9ff;
			color: #40a9ff;
			transition: all .3s
		}
		.inputLable{
			height: 28px;
			margin-bottom: 10px;
			outline: none;
			background: #fff;
			border: 1px solid #ececec;
			border-radius: 5px;
			padding: 0 10px;
			width: 111px;
			margin-right: 10px;
		}
		.inputLable:focus{
			border-color: #40a9ff;
		}
		.table-content-lable-h{
			margin-right: 5px;
			position: relative;
			cursor: pointer;
		}
		.table-content-lableHidden-h{
			display: flex;
			background: #ffffff;
			padding: 7px 5px;
			border: 1px solid #ececec;
			box-sizing: border-box;
			color: #1e9fff;
		}
		.table-content-lable-h:last-child{
			margin-right: 0;
		}
		.table-content-lableHidden-h b{
			border-right: 1px solid #ececec;
			display: block;
			padding: 0 5px;
		}
		.table-content-lableHidden-h b:last-child{
			border: none;
		}
		.table-content-lable-h-container{
			display: none;
			position: absolute;
			left: -26px;
			width: 81px;
		}
		.table-content-lable-h:hover .table-content-lable-h-container{
			display: block;
		} 
		 /*------------分页部分--------------*/
	    .pageing-container-h{
	      display: flex;
	      justify-content: space-between;
	      padding: 0px 20px 20px 20px;
	    }
	    .pageing-content-h{
	      line-height: 28px;
	    }
	    .pageing-content-h a{
	      border: 1px solid #e2e2e2;
	      padding: 4px 15px;
	      color: #333;
	      line-height: 28px;
	      border-radius: 2px;
	    }
	   .current{
	     background: #1E9FFF !important;
	     color: #fff !important;
   		}
	</style>
</head>
<body>
	
	<div class="public_container">
		<!-- 内容 -->
		<div class="customerLabel_main_container">
			<div class="customerLabel_main_content">
				<div class="customerLabel_mainList_container">
					<ul class="customerLabel_mainList_content">
						<!-- 循环 -->
						{loop $tags as $tag}
							<div class="table-content-lable-h">
								<li>
									<span>{$etTagArr[$tag]}</span>&nbsp;
									<i class="layui-icon layui-icon-close apanel-delete"onclick="del_tag('{$tag}')"></i>
								</li>
							</div>
						{/loop}
					</ul>
				</div>
			</div>
		</div>
	</div>
	
<script src="/cdn/jquery.js"></script>
<script src="/layui/layui.js"></script>
<script src="/js/ajax.js"></script>
<script type="text/javascript">
function del_tag(tagid){
	if(confirm('确定删除此标签吗？')){
		myAjaxPost(false, true, '', { tagid:tagid}, function (resp) {
			tusi(resp.msg);
			if(resp.status == "success"){
  				location.reload();
			}
		});
	}
}
</script>
</body>
</html>